#reactions td.reaction-details {
    width: 480px;
}

#reactions td.reaction-details textarea {
    color: #222222;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0);
    width: 480px;
    height: 80px;
}

#reactions td.reaction-details a:hover textarea {
    border: 1px solid #444444;
}

#reactions table tr td {
    padding: 8px 16px 0 0;
}

#reactions table thead td {
    font-weight: bold;
}
#reactions table thead td a{
    font-weight: normal;
}

#reaction_card {
    float: right;
}
.message {
    padding: 4px;
}

#reactants, #products {
    padding: 4px 0 8px 0;
}

#reactants .molecule, #products .molecule {
    padding: 2px 0;
}

#reactants input, #products input {
    width: 20px;
    display: inline;
}

#reactants select, #products select {
    display: inline;
}

#elements td {
    text-align: center;
}

#elements tr.element td {
    font-size: 20px;
    padding: 4px 48px;
}

#elements tr.balanced td.balance {
    color: #339933;
    padding: 4px 8px;
}

#elements tr.unbalanced td.balance {
    color: #993333;
    padding: 4px 8px;
}

#add-picture {
    margin: 5px 60px 10px 0;
}

#related_experiment {
    font-size: 20px;
    width: 400px;
    height: 120px;
    border: 1px solid #666666;
}

a.disabled {
    color: #AAAAAA;
    cursor: default;
}

#cac tr td {
    width: 220px;
}

#cac #dac {
    height: 270px;
    width: 200px;
    border: 5px dashed #CCCCCC;
}

#cac .answer-cards {
    overflow-x: scroll;
    width: 900px;
}

#cac .answer-cards .answer-card {
    margin: 8px;
    display: inline;
}